<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<meta charset='utf-8'/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"/>
		<meta name="apple-mobile-web-app-capable" content="yes"/>
		<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
		<title>del_icon</title>
		<link href="../../themes/default/css/lt_del_icon.css" rel="stylesheet">		
        <script type="text/javascript" src="../../../lib/js/jquery.js"></script>
		<script type="text/javascript" src="../../js/jquery.lt_del_icon.js"></script>
		<style type="text/css">
		/*这个class是自定义删除按钮样式用得*/
		.del_btn {
			width: 30px;
			height: 30px;
			background: red;
			position: absolute;
			left: -15px;
			top: -15px;
			background: url(../../themes/default/images/lt_del_icon/fancy_closebox.png);
		}
		</style>
		<script type="text/javascript">
		$(function(){

			//注意事项:
			//1.需要删除的每个功能必须要有自定义属性'_url',属性值自定义;
			//2.调用的时候$()里面一定要是这些按钮的父级元素,切记;
			//3.父级元素下得按钮标签不一定要是li,其他什么标签都可以,但必须要_url属性;

			$('.del_icon_list').del_icon({
				time:1,//长按多久时间进入编辑模式,这里是1秒;
				radio:false,//单选还是多选;
				shake:true,//当进入编辑状态后,是否摇摆;
				selectAll:true,//如否开启摇摆手机进入编辑模式;
				click:function(obj){

					//obj为你点击的对象,注意下,这是个原生dom对象,不是一个JQuery对象,所以无法用它调用JQ方法;如需调用JQ的方法,则用$(obj);

				},
				removeBtn:function(obj){

					//obj为你当前删除的对象,注意下,这是个原生dom对象,不是一个JQuery对象,所以无法用它调用JQ方法;如需调用JQ的方法,则用$(obj);

				}
			});

		})
		</script>
	</head>
	<body>
		<p class="title">长按按钮进入编辑模式</p>
		<ul class="del_icon_list">
			<li _url="music" class="xiangji"><p>相机</p></li>
			<li _url="video" class="mail"><p>Mail</p></li>
			<li _url="serch" class="liulanqi"><p>浏览器</p></li>
			<li _url="photo" class="zhaopian"><p>照片</p></li>
			<li _url="chart" class="video"><p>Video</p></li>
			<li _url="baidu" class="iBook"><p>iBook</p></li>
			<li _url="money" class="twitter"><p>Twitter</p></li>
			<li _url="market" class="app"><p>App Store</p></li>
			<li _url="office" class="map"><p>Map</p></li>
			<li _url="set" class="shezhi"><p>设置</p></li>
			<li _url="canlander" class="rili"><p>日历</p></li>
			<li _url="add" class="add">+</li>
		</ul>
	</body>
</html>


